<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>幻冰后台首页vbase版本-demo</title>
<link rel="stylesheet" type="text/css" href="../../kuoqi-ui/ui.dev.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="https://res.kuoqps.com/kuoqi-js/ver1/kq.1.08.js"></script>
<script src="https://res.kuoqps.com/kuoqi-js/plug-in/keycode/kq.keycode.js"></script>
<script src="../../kuoqi-ui/ui.dev.js"></script>
<script src="js/main.js"></script>
</head>

<body>
<!--页面信息-->
<div class="container-fluid">
  <div class="row">
    <div class="col-12">
      <div class="card card-cpanel">
        <div class="card-head"><span class="label label-small label-white">常规选项卡</span></div>
        <div class="card-body">
          <form class="form">
            <div class="row-flex mgt-15 text-ch">
              <div class="col-auto wdp-20 text-c"> <span class="form-title">常规input</span> </div>
              <div class="col-other">
                <input class="form-input" placeholder="请填写字段内容" />
              </div>
            </div>
            <div class="row-flex mgt-15 text-ch">
              <div class="col-auto wdp-20 text-c"> <span class="form-title">常规选择</span> </div>
              <div class="col-other">
                <select name="data" data-value="2" class="form-select">
                  <option value="1">选项1</option>
                  <option value="2">选项2</option>
                  <option value="3">选项3</option>
                </select>
              </div>
            </div>
            <div class="row-flex mgt-15 text-ch">
              <div class="col-auto wdp-20 text-c"> <span class="form-title">单项选择</span> </div>
              <div class="col-other">
                <input name="radio" type="radio" value="1" data-value="2" placeholder="选项1" />
                <input name="radio" type="radio" value="2" data-value="2" placeholder="选项2" />
                <input name="radio" type="radio" value="3" data-value="2" placeholder="选项3" />
              </div>
            </div>
            <div class="row-flex mgt-15 text-ch">
              <div class="col-auto wdp-20 text-c"> <span class="form-title">多项选择</span> </div>
              <div class="col-other">
                <input name="checkbox" type="checkbox" value="1" data-value="1,2" placeholder="选项1" />
                <input name="checkbox" type="checkbox" value="2" data-value="1,2" placeholder="选项2" />
                <input name="checkbox" type="checkbox" value="3" data-value="1,2" placeholder="选项3" />
              </div>
            </div>
            <div class="row-flex mgt-15 text-ch">
              <div class="col-other text-c">
                <button class="btn btn-save">编辑保存</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
<!--页面信息 end-->
</body>
</html>
